<template>
  <div>
    <h1>自定义指令</h1>
    <input v-focus ref="inp" type="text">

    <!-- ! 注意：如果要传值 一定要加引号将传入的值包裹起来 -->
    <p v-color="'yellow'">我要变颜色</p>
    <p v-color="'green'">我也要变颜色</p>
  </div>
</template>

<script>
export default {
  // mounted () {
  //   this.$refs.inp.focus(),
  // }
  
  // 2. 局部注册指令
    directives:{
      focus:{
        inserted(el){
          el.focus()
        }
      }
    }
}
</script>

<style>

</style>